<template>
  <div style="width: 100%;white-space:nowrap; overflow-x: scroll">
    <!--<div style="width: 2000px; height: 100px; background-color: #E4E7ED"></div>-->
    <!--<span style="height: 50px; display: block">aAAA</span>-->
    <!--<div style="background-color: black; height: 20px; width: 100px"></div>-->
    <ul style=" white-space:nowrap;">
      <li style="display: inline-block; "><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
    </ul>
    <ul style=" white-space:nowrap;border: 1px solid #E4E7ED; margin: 0px; padding: 0px">
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
    </ul>
    <ul style=" white-space:nowrap;border: 1px solid #E4E7ED; margin: 0px">
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
      <li style="display: inline-block;  border-left:1px solid #E4E7ED; height: 60px"><span style="line-height:60px">andjn dnjn dnjsnd dbd  dbhdb dbhdbd dsj</span></li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: "test3",
    mounted(){
      console.log("test3 parent:", this.$parent)
    }
  }
</script>

<style scoped>

</style>
